<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@ include file="common.jsp"%>
<title>首页</title>
<link href="${path}/resource/shop/css/base.css" rel="stylesheet" type="text/css" />
<link href="${path}/resource/shop/css/shop.css" rel="stylesheet" type="text/css" />
</head>
<body class="index">
	<%@ include file="header.jsp"%>
	<div class="body">
		<div class="bodyLeft">
			<div class="goodsCategory">
				<div class="top">商品分类</div>
				<div class="middle">
					<ul id="goodsCategoryMenu" class="menu">
						<li class="mainCategory"><a href="#">食品饮料</a></li>
						<li><a href="#"> <span class="icon">&nbsp;</span>方便面/饼干</a></li>
						<li><a href="#"> <span class="icon">&nbsp;</span>饮料</a></li>
						<li><a href="#"> <span class="icon">&nbsp;</span>休闲零食</a></li>
						<li class="mainCategory"><a href="#">日用百货</a></li>
						<li><a href="#"> <span class="icon">&nbsp;</span>洗衣粉</a></li>
						<li><a href="#"> <span class="icon">&nbsp;</span>卷纸</a></li>
						<li><a href="#"> <span class="icon">&nbsp;</span>避孕套</a></li>
						<li class="mainCategory"><a href="#">电脑配件</a></li>
						<li><a href="#"> <span class="icon">&nbsp;</span>U盘</a></li>
						<li><a href="#"> <span class="icon">&nbsp;</span>鼠标/键盘</a></li>
						<li class="mainCategory"><a href="#">毕业设计</a></li>
						<li><a href="#"> <span class="icon">&nbsp;</span>Java</a></li>
						<li><a href="#"> <span class="icon">&nbsp;</span>Andriod</a></li>
						<li><a href="#"> <span class="icon">&nbsp;</span>其他</a></li>
					</ul>
				</div>
				<div class="bottom"></div>
			</div>
		</div>
		<div class="bodyRight">
			<div class="slider">
				<div id="sliderScrollable" class="scrollable">
					<div class="items">
						<div>
							<img src="${path }/upload/shop/banner2.jpg" />
						</div>
						<div>
							<img src="${path }/upload/shop/banner2.jpg"/>
						</div>
						<div>
							<img src="${path }/upload/shop/banner2.jpg" />
						</div>
					</div>
					<div class="navi"></div>
					<div class="prevNext">
						<a class="prev browse left"></a> <a class="next browse right"></a>
					</div>
				</div>
			</div>
			<div class="blank"></div>
			<div class="hotGoodsSlider">
				<div class="title">
					<strong>热卖商品</strong>HOT
				</div>
				<a class="prev browse"></a>
				<div id="hotGoodsScrollable" class="scrollable">
					<div class="items">
						<div>
							<ul>
								<li><a href="#"> <img src="${path }/upload/shop/apple.jpg" /><p>Markbook1</p> </a></li>
								<li><a href="#"> <img src="${path }/upload/shop/apple.jpg" /><p>Markbook2</p> </a></li>
								<li><a href="#"> <img src="${path }/upload/shop/apple.jpg" /><p>Markbook3</p> </a></li>
								<li><a href="#"> <img src="${path }/upload/shop/apple.jpg" /><p>Markbook4</p> </a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="#"> <img src="${path }/upload/shop/apple.jpg" /><p>Markbook11</p> </a></li>
								<li><a href="#"> <img src="${path }/upload/shop/apple.jpg" /><p>Markbook22</p> </a></li>
								<li><a href="#"> <img src="${path }/upload/shop/apple.jpg" /><p>Markbook33</p> </a></li>
								<li><a href="#"> <img src="${path }/upload/shop/apple.jpg" /><p>Markbook44</p> </a></li>
							</ul>
						</div>
					</div>
				</div>
				<a class="next browse"></a>
			</div>
		</div>
		<div class="blank"></div>
		<img src="${path }/upload/shop/banner4.jpg" />
		<div class="blank"></div>
		<div class="newGoods">
			<div class="left">
				<ul id="newGoodsTab" class="newGoodsTab">
					<li>食品饮料</li>
					<li>日用百货</li>
					<li>电脑配件</li>
					<li>毕业设计</li>
				</ul>
			</div>
			<div class="right">
				<ul class="newGoodsTabContent hidden">
					<li><a href="#"> <img src="${path }/upload/shop/ipad.jpg"  /><p>ipad2代</p> </a></li>
					<li><a href="#"> <img src="${path }/upload/shop/ipad.jpg"  /><p>ipad2代</p> </a></li>
					<li><a href="#"> <img src="${path }/upload/shop/ipad.jpg"  /><p>ipad2代</p> </a></li>
					<li><a href="#"> <img src="${path }/upload/shop/ipad.jpg"  /><p>ipad2代</p> </a></li>
				</ul>
				<ul class="newGoodsTabContent hidden">
					<li><a href="#"> <img src="${path }/upload/shop/ipad.jpg"  /><p>ipad1代</p> </a></li>
					<li><a href="#"> <img src="${path }/upload/shop/ipad.jpg"  /><p>ipad1代</p> </a></li>
					<li><a href="#"> <img src="${path }/upload/shop/ipad.jpg"  /><p>ipad1代</p> </a></li>
					<li><a href="#"> <img src="${path }/upload/shop/ipad.jpg"  /><p>ipad1代</p> </a></li>
				</ul>
				<ul class="newGoodsTabContent hidden">
					<li><a href="#"> <img src="${path }/upload/shop/ipad.jpg"  /><p>ipad3代</p> </a></li>
					<li><a href="#"> <img src="${path }/upload/shop/ipad.jpg"  /><p>ipad3代</p> </a></li>
					<li><a href="#"> <img src="${path }/upload/shop/ipad.jpg"  /><p>ipad3代</p> </a></li>
					<li><a href="#"> <img src="${path }/upload/shop/ipad.jpg"  /><p>ipad3代</p> </a></li>
				</ul>
				<ul class="newGoodsTabContent hidden">
					<li><a href="#"> <img src="${path }/upload/shop/ipad.jpg"  /><p>ipad4代</p> </a></li>
					<li><a href="#"> <img src="${path }/upload/shop/ipad.jpg"  /><p>ipad4代</p> </a></li>
					<li><a href="#"> <img src="${path }/upload/shop/ipad.jpg"  /><p>ipad4代</p> </a></li>
					<li><a href="#"> <img src="${path }/upload/shop/ipad.jpg"  /><p>ipad4代</p> </a></li>
				</ul>
			</div>
		</div>
		<div class="blank"></div>
		<div class="bodyLeft">
			<div class="hotGoods">
				<div class="top">热销排行</div>
				<div class="middle">
					<ul>
						<li class="number1"><span class="icon">&nbsp;</span> <a href="#">杰士邦</a></li>
						<li class="number2"><span class="icon">&nbsp;</span> <a href="#">奥妙洗衣粉</a></li>
						<li class="number3"><span class="icon">&nbsp;</span> <a href="#">康师傅方便面</a></li>
						<li class="number4"><span class="icon">&nbsp;</span> <a href="#">康师傅冰红茶</a></li>
						<li class="number5"><span class="icon">&nbsp;</span> <a href="#">Java聊天程序</a></li>
						<li class="number6"><span class="icon">&nbsp;</span> <a href="#">金士顿U盘</a></li>
						<li class="number7"><span class="icon">&nbsp;</span> <a href="#">鼠标</a></li>
						<li class="number8"><span class="icon">&nbsp;</span> <a href="#">键盘</a></li>
					</ul>
				</div>
				<div class="bottom"></div>
			</div>
			<div class="blank"></div>
			<div class="hotArticle">
				<div class="top">热点文章</div>
				<div class="middle">
					<ul>
						<li class="number1"><span class="icon">&nbsp;</span> <a href="#">html5/css3发展方向</a></li>
						<li class="number2"><span class="icon">&nbsp;</span> <a href="#">如何学好java</a></li>
						<li class="number3"><span class="icon">&nbsp;</span> <a href="#">如何成为合格的程序员</a></li>
						<li class="number4"><span class="icon">&nbsp;</span> <a href="#">今日笑话</a></li>
						<li class="number5"><span class="icon">&nbsp;</span> <a href="#">每日一笑</a></li>
						<li class="number6"><span class="icon">&nbsp;</span> <a href="#">未来20年</a></li>
						<li class="number7"><span class="icon">&nbsp;</span> <a href="#">java反射知识总结</a></li>
						<li class="number8"><span class="icon">&nbsp;</span> <a href="#">淘宝下单高并发解决方案</a></li>
						<li class="number9"><span class="icon">&nbsp;</span> <a href="#">跟我学spring3</a></li>
						<li class="number10"><span class="icon">&nbsp;</span> <a href="#">考考你的SQL水平</a></li>
					</ul>
				</div>
				<div class="bottom"></div>
			</div>
		</div>
		<div class="bodyRight">
			<div class="bestGoods">
				<div class="top">
					<strong>精品推荐</strong>BEST
				</div>
				<div class="middle">
					<ul>
						<li><a href="#"> <img src="${path }/upload/shop/dell.jpg" /> <p>DELL台式机</p> <p class="red">￥1560.00</p> </a></li>
						<li><a href="#"> <img src="${path }/upload/shop/dell.jpg" /> <p>DELL台式机</p> <p class="red">￥1560.00</p> </a></li>
						<li><a href="#"> <img src="${path }/upload/shop/dell.jpg" /> <p>DELL台式机</p> <p class="red">￥1560.00</p> </a></li>
						<li><a href="#"> <img src="${path }/upload/shop/dell.jpg" /> <p>DELL台式机</p> <p class="red">￥1560.00</p> </a></li>
						<li><a href="#"> <img src="${path }/upload/shop/dell.jpg" /> <p>DELL台式机</p> <p class="red">￥1560.00</p> </a></li>
						<li><a href="#"> <img src="${path }/upload/shop/dell.jpg" /> <p>DELL台式机</p> <p class="red">￥1560.00</p> </a></li>
						<li><a href="#"> <img src="${path }/upload/shop/dell.jpg" /> <p>DELL台式机</p> <p class="red">￥1560.00</p> </a></li>
					</ul>
				</div>
				<div class="bottom"></div>
			</div>
		</div>
		<div class="blank"></div>
		<%@ include file="friend_link.jsp"%>
	</div>
	<div class="blank"></div>
	<%@ include file="footer.jsp"%>
	<script type="text/javascript" src="${path}/resource/js/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="${path}/resource/js/jquery.tools.js"></script>
	<script type="text/javascript" src="${path}/resource/shop/js/base.js"></script>
	<script type="text/javascript" src="${path}/resource/shop/js/shop.js"></script>
</body>
</html>